<template>
    <div>
        <van-nav-bar
                title="消息"

                right-text=""
               />
        <van-cell icon="audio" center title="在线客服"  label="查看与客服沟通记录"  is-link to="/customerService" dot />
        <van-cell icon="hot" center title="活动消息"  label="冬季护肤新品预售，全场五折..." is-link to=""/>
        <van-cell icon="map-marked" center title="物流信息"  label="您的商品已发货！到货后请检查好商品无误后...." is-link to="/logisticsNews"/>
        <van-cell icon="bell" center title="通知消息"  label="您的优惠卷即将过期，请及时..." is-link />
    </div>
</template>

<script>
    export default {
        name: "message",
        data() {
            return {

            };
        },

    }
</script>

<style scoped>
.van-icon{
    font-size: 35px;
    color: #9999ff;
    margin-right: 10px;
}
    .van-icon-arrow{
        font-size: 20px;
    color: gainsboro;
    }
    .van-cell::after{
        border: none;
    }
    .van-cell--clickable{

        border-bottom: 1px solid #f5f6f7;
    }
</style>